﻿/*    CREATE MENU
----------------------------------------------------------*/
#view-content { float:left;width: 100%; padding:0; margin:0; }
#button-action { float:left; width:100%; padding-bottom:10px; }
#button-action .add-button { width: 148px; padding: 4px 0; }
.dialog .title, .dialog .input { float:left;}
.dialog .title {}
#PageOptionsDropDown {width:206px; padding:1px; float:right; margin: 5px 15px; }
#PageOptionsDropDown option {  } 
.option {margin-top:0.5em; font-style:inherit; font-size:0.8em ;background-repeat:no-repeat; width:155px; padding-left: 20px;}
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.container { width: 100%; height: 487px; }

/*    BORDER
----------------------------------------------------------*/
.ui-border-all { border: 1px solid #EEEEEE;}
/*    LOADING
----------------------------------------------------------*/
.ui-loading { width:100px; position:inherit;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;border-width:2px!important;left:45%; color:Red;}
#menuItem { padding: 10px 20px; width:200px;}

/*     MENU ITEM
----------------------------------------------------------*/
#view-contentmenuItem, #view-contentmenuItem .titleheader, .contentmenuItem .item , .contentmenuItem { float:left; width:330px; }
#view-contentmenuItem { margin:0 10px;}
#view-contentmenu .headertitle { width: 330px; }
#view-contentmenuItem .titleheader, .contentmenuItem .item , .contentmenuItem { padding:5px 0; }
.contentmenuItem{}
.contentmenuItem .item .title , .contentmenuItem .item .input{ float:left; }
.contentmenuItem .item .title { width:100px; text-align:left; padding-left:10px; }
.contentmenuItem .item .input {}
.contentmenuItem .button { float:right; padding:5px 15px 0; }
.fg-buttonset button { padding: 3px 6px; }
.add-menu { padding: 5px 0; font-size: 11px; }
/*     MENU
----------------------------------------------------------*/
#view-contentmenu ,#view-contentmenu .titleheader,.contentmenu .item , .contentmenu { float:left;width:330px }
#view-contentmenu { margin:0 10px; }
#view-menu { float:left }
#view-contentmenu .titleheader, .contentmenu .item , .contentmenu { padding:5px 0; }
.contentmenu{}
.contentmenu .item .title ,.contentmenu .item .input { float:left; }
.contentmenu .item .title { width:100px; text-align:left; padding-left:10px; }
.contentmenu .item .input {}
.contentmenu .button { float:right; padding:5px 15px 0; }
/*   TREE
----------------------------------------------------------*/
.tree { float:left ;  width:250px; padding:0; margin-right:10px; }
.tree .tree_title , #myTree { float:left; width:250px;}
.tree .tree_title { padding:5px 0;}
#myTree { font-size:12px;padding-left:15px ; width:235px;}
/*    ERROR MESSAGE
----------------------------------------------------------*/
.errorMessage { width:300px;float:left; margin:10px 15px; }